<template>
  <div class="p-24">
    <div class="search-header">
      <el-form
        ref="queryParams"
        :model="queryParams"
        size="small"
        :inline="true"
      >
        <el-form-item prop="userName2">
          <WeChat
            :options="options"
            @getValue="getValue"
            inputWidth="220px"
            :placeholder="`全部企微号`"
          ></WeChat>
        </el-form-item>
        <el-form-item prop="userName2">
          <el-button size="small"
            ><svg-icon icon-class="iexport" /> 导出数据</el-button
          >
        </el-form-item>
      </el-form>
    </div>
    <el-table :data="tableData" stripe style="width: 100%">
      <el-table-column prop="date" label="日期" />
      <el-table-column prop="count" label="拉群客户数" />
      <el-table-column prop="friend_count" label="入群客户数	" />
      <el-table-column prop="source" label="入群比例" />
    </el-table>
  </div>
</template>
<script>
import WeChat from "@/views/components/WeChat";
export default {
  data() {
    return {
      options: [
        {
          value: 1,
          label: "小红",
          WeChatNum: 2,
          WeChatName: "智行",
        },
        {
          value: 2,
          label: "小军",
          WeChatNum: 1,
          WeChatName: "锐行",
        },
      ],
      queryParams: {},
      value: "",
      tableData: [],
    };
  },
  components: {
    WeChat,
  },
  methods: {
    getValue(obj) {
      console.log("获取行", obj);
    },
  },
};
</script>
<style lang="scss" scoped>
// .table-wrap {
//   .search-header {
//     padding: 12px;
//     background-color: #fff;
//     border-left: 1px solid #e9e9e9;
//     border-right: 1px solid #e9e9e9;
//     display: flex;
//   }
// }
</style>